<template>
	<view class="selectBoxAll">
		<view class="itemSelectBox">
			<view class="itembox" v-for="(item,index) in itemBoxButton" :key="index" @click="goToPage(item.page)">
				<image class="itemIcon" :src="imageUrl + item.iconUrl" mode=""></image>
				<view class="itemIndex">{{item.word}}</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import { ref } from 'vue';
	import { imageUrl } from '@/config/request/request';
	const itemBoxButton = ref([
		{
			iconUrl:"/applet/static/1736425928.png",
			word:'全部订单',
			page:'/myselfSubpages/order/order'
		},
		{
			iconUrl:"/applet/static/1736425938.png",
			word:'咨询订单',
			page: '/myselfSubpages/consultation/consultation'
		},
		{
			iconUrl:"/applet/static/1736425948.png",
			word:'我的收藏',
			page: '/myselfSubpages/MyShopFavorite/MyShopFavorite'
		}
	])
	// 页面订单界面
	const goToPage = (page) => {
		if (page) {
			uni.navigateTo({
				url: page
			});
		}
	};
</script>

<style>
	.itemIndex{
		margin-top: 1vh;
		font-size: 14px;
		font-weight: 200;
		color: #464A57;
	}
	.itemIcon{
		width: 26px;
		height: 26px;
	}
	.itembox{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.itemSelectBox{
		display: flex;
		justify-content: space-between;
		width: 85%;
		height: 100%;
		margin: 0 auto;
		align-items: center;
	}
	.selectBoxAll{
		background-color: white;
		width: 95vw;
		margin: 22rpx auto;
		height: 180rpx;
		border-radius: 15px;
	}
</style>